Estoy tratando de generar el tiempo de duración del video a medida que avanza usando el controlador de eventos ontimeupdate en el video, pero no funciona.

También agregué un console.log en el código para probar, pero no funciona.

Este es el código HTML:

 <video id="poster" class="w-100 h-100 image-align" autoplay muted loop src="<?= word("URL_VIDEO") ?>" loading="lazy"></video> <span id="poster-duration" class="ms-4 text-white">00:00</span>

Aquí está mi guión:

 window.addEventListener('load', function() { var poster = document.getElementById('poster'); poster.ontimeupdate = function(){ document.getElementById('poster-duration').innerText = addO(Math.floor(poster.duration/60)) + ':' + addO(Math.round(poster.duration%60)); console.log("hello") }; function addO(n){ if( n.toString().length < 2 ){ return '0'+n; } return n; } // ... });